html,
body {
  height: 100vh;
  margin: 0;
}

.zong {
  width: 1200px;
  height: 100vh;
  margin-left: 50px;
}

.centered-form {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 88vh;
  /* background-image: url('../../picture/beijing.png'); */
  background-image: url('../../picture/chaocai2.gif');
  background-size: 90% 90%;

  background-position: center;

  background-repeat: no-repeat;

}

.title {
  margin-left: 50px;
  display: flex;
  /* justify-content: center; */
  align-items: center;
}

.title-text {
  font-size: 40px;
}

.image {
  width: 100px;
  height: 100px;
  margin-right: 30px;
  border-radius: 50px;
}

.image-container {
  border-width: 1px;
  border-color: #ccc;
  border-style: solid;
  width: 350px;
  /* background-color: #f9f9f9; */
  background-color: rgba(255, 255, 255, 0.7);
  height: 299px;
}

.login-form {
  border-width: 1px;
  border-color: #ccc;
  border-style: solid;
  padding: 20px;
  width: 350px;
  /* background-color: #f9f9f9; */
  height: 300px;
  /* 设置半透明的背景色，例如 rgba(255, 255, 255, 0.7)，其中最后一个值是透明度（0.0 完全透明，1.0 完全不透明） */
  background-color: rgba(255, 255, 255, 0.7);
  /* 半透明白色背景 */
}

.zi {
  margin-bottom: 20px;
}

.zi1 {
  margin-left: 10px;
  font-size: 30px;
  margin-right: 70px;
}

.zi2 {
  font-size: 15px;
  margin-left: 30px;
}

.input-wrapper {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.account-label {
  width: 50px;
}

.account-input {
  border: none;
  border-bottom: 1px solid #d9d9d9;
  width: 100%;
}

.account-input:focus {
  border-bottom: 1px solid #1890ff;
  /* 修改输入框获取焦点时的边框样式 */
}

.input-wrapper1 {
  display: flex;
  align-items: center;
}

.account-label1 {
  width: 50px;
}

.account-input {
  border: none;
  border-bottom: 1px solid #d9d9d9;
  width: 100%;
}

.account-input:focus {
  border-bottom: 1px solid #1890ff;
  /* 修改输入框获取焦点时的边框样式 */
}

.login-form-button {
  width: 20%;
  /* 适中的宽度 */
  background-color: orange;
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 16px;
}

.input-wrapper2 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.additional-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.form-container {
  display: flex;
  align-items: center;
  width: 700px;
  height: 300px;
  background-color: transparent;
}

.logo-image {
  width: 250px;
  /* 调整图片大小 */
  margin: 20px;
  margin-left: 45px;
  opacity: 0.5;
  
}